<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
<div class="header" id="head">
    <style >
        *{ margin:0px; padding:0px;}
        #nav{ width:600px; height:20px;position: relative; left:310px}
        #nav ul{ list-style:none;}
        #nav ul li{ float:left; line-height:40px; text-align:center; position:relative;}
        #nav ul li a{ text-decoration:none; color:#000; display:block;padding:0px 10px;}
        #nav ul li a:hover{ color:#FFF; background:#333}
        #nav ul li ul{ position:relative; display:none;}
        #nav ul li ul li{ float:none;line-height:20px; text-align:left;}
        #nav ul li ul li a{ width:100%; }
        #nav ul li ul li a:hover{ background-color: dodgerblue;}
        #nav ul li:hover ul{ display:block}
    </style>

    <div id="nav">
        <ul>
            <li><a href="login.jsp">首页</a></li>
            <li><a href="#">学习中心</a>

            </li>
            <li><a href=>个人中心</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </div>
</div>


<div class="wrap" id="wrap" style="border:2px;border-color: black ">

    <form name="login"action="login"method="post">
        <div align="center" >
            <div class="logGet d1" >
                <!-- 头部提示信息 -->
                <div class="logD logDtip">
                    <p class="p1" align="center" >管理系统登录</p></div>
                <!-- 输入框 -->
                <div class="lgD">
                    <input name="name" type="text" placeholder="输入用户名"/></div>
                <div class="lgD">
                    <input name="password" type="password" placeholder="输入用户密码" /></div>
                <div class="logC">
                    <input type="submit" value="登录" >
                    <a href="regiter.jsp">新用户注册</a><br>
                </div>
            </div>
            <div></div>

        </div>
    </form></div>

</div>
</body>
</html>

<style type="text/css">
    *{
        margin:0;
        padding:0;
    }
    #wrap{
        height:400px;
        width:135%;
        background-image: url("tp2.jpg");
        text-align:center;
        position:relative;
    }
    #head{
        height:80px;
        width:100%;
        background-image: url("tp2.jpg");
        text-align:center;
        position:relative;
    }

    #wrap .logGet{
        height: 370px;
        width: 400px;
        position:absolute;
        top: 8%;
        right:666px;
    }
    .logC a button{
        width:80%;
        height:45px;
        background-color:#ee7700;
        border:none;
        color:white;
        font-size:15px;
    }
    .logC input{
        width:100%;
        height:45px;
        background-color: #666;
        border:none;
        color: #FFF;
        font-size:18px;
    }
    .logGet .logD.logDtip .p1{
        display:inline-block;
        margin-top:10px;
        width:100%;
        font-family: "华文行楷";
        color: #666;
        font-size:30px;
    }
    #wrap .logGet .logD.logDtip{
        width:86%;
        border-bottom:1px solid  #999;
        margin-bottom:60px;
        margin-top:0px;
        margin-right:auto;
        margin-left:auto;
    }
    .logGet .lgD input{

        width:100%;
        height:42px;
        text-indent:2.5rem;
    }
    #wrap .logGet .lgD{
        width:86%;
        position:relative;
        margin-bottom:30px;
        margin-top:30px;
        margin-right:auto;
        margin-left:auto;
    }
    #wrap .logGet .logC{
        width:86%;
        margin-top:0px;
        margin-right:auto;
        margin-left:auto;
        margin-bottom:0px;

    }
    .title{
        font-family: "华文行楷";
        color: #666;
        position: absolute;
        top: 7%;
        left: 61%;
        transform: translate(-50%,-50%);
        font-size: 18px;
        height: 40px;
        width: 40%;
    }


    .d1{
        filter:alpha(Opacity=60);
        -moz-opacity:0.8;
        opacity: 0.8;
    }

</style>